<template>
	<view class="work">
		<!-- 顶部导航栏 -->
		<view>
			<u-navbar :placeholder="true" leftIcon="" title="找工作"></u-navbar>
		</view>
		<!-- 顶部tab标签 -->
		<view>
			<u-tabs :list="tabDatas"></u-tabs>
		</view>
		
		<!-- 职位信息列表 -->
		<view>
			<view class="oneZw">
				<u-row justify="space-between">
					<u-col span="4">
						<u--image radius="10" :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="100%" height="200upx"></u--image>
					</u-col>
					<u-col span="8">
						<view>
							<span style="line-height: 80upx;font-weight: bolder;font-size: 39upx;float: left;">UI设计助理</span>
							<span style="color:gray;float: right;">官渡区</span>
						</view>
						<view>
							<span style="line-height: 70upx;color: red;font-weight: bolder;">15k-20k/月</span>
						</view>
						<view>
							<span style="color:gray;">三七互娱</span>
						</view>
					</u-col>
				</u-row>
			</view>
			
			<view class="oneZw">
				<u-row justify="space-between">
					<u-col span="4">
						<u--image radius="10" :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="100%" height="200upx"></u--image>
					</u-col>
					<u-col span="8">
						<view>
							<span style="line-height: 80upx;font-weight: bolder;font-size: 39upx;float: left;">UI设计助理</span>
							<span style="color:gray;float: right;">官渡区</span>
						</view>
						<view>
							<span style="line-height: 70upx;color: red;font-weight: bolder;">15k-20k/月</span>
						</view>
						<view>
							<span style="color:gray;">三七互娱</span>
						</view>
					</u-col>
				</u-row>
			</view>
			
			<view class="oneZw">
				<u-row justify="space-between">
					<u-col span="4">
						<u--image radius="10" :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="100%" height="200upx"></u--image>
					</u-col>
					<u-col span="8">
						<view>
							<span style="line-height: 80upx;font-weight: bolder;font-size: 39upx;float: left;">UI设计助理</span>
							<span style="color:gray;float: right;">官渡区</span>
						</view>
						<view>
							<span style="line-height: 70upx;color: red;font-weight: bolder;">15k-20k/月</span>
						</view>
						<view>
							<span style="color:gray;">三七互娱</span>
						</view>
					</u-col>
				</u-row>
			</view>
			
			<view class="oneZw">
				<u-row justify="space-between" gutter="10">
					<u-col span="4">
						<u--image radius="10" :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="100%" height="200upx"></u--image>
					</u-col>
					<u-col span="8">
						<view>
							<span style="line-height: 80upx;font-weight: bolder;font-size: 39upx;float: left;">UI设计助理</span>
							<span style="color:gray;float: right;">官渡区</span>
						</view>
						<view>
							<span style="line-height: 70upx;color: red;font-weight: bolder;">15k-20k/月</span>
						</view>
						<view>
							<span style="color:gray;">三七互娱</span>
						</view>
					</u-col>
				</u-row>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		name:"work",
		data() {
			return {
				tabDatas:[
					{name:"全职"},
					{name:"兼职"},
					{name:"开发"},
					{name:"人事"},
					{name:"设计"},
					{name:"运营"}
				],
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	
	.oneZw{
		margin-left: 25upx;
		margin-right: 25upx;
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
		margin-top: 25upx;
		box-sizing: border-box;
		padding: 10upx 25upx;
	}
	
</style>